<template>
    <div class="container">
        <VueQr :text="props.modelValue.query.link"/>
    </div>
</template>

<script setup lang="ts">
import VueQr from 'vue-qr/src/packages/vue-qr.vue'

const props = defineProps<{
  modelValue: {
    query: { link: string };
  };
}>();
onMounted(()=>{
    console.log("link address:",props.modelValue)
})

watch(()=>props.modelValue,()=>{
  console.log("props modelValue",props.modelValue)
})

</script>

<style scoped>

.container{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>